<template>
	<view class="collection u-p-30">
		<view class="item u-p-t-40 u-p-b-40 u-p-l-20 u-p-r-20 u-m-b-30" v-for="(item,index) in list" :key="index">
			<view class="box u-flex">
				<view><u-image width="240rpx" height="240rpx" :src="item.img"></u-image></view>
				<view class="u-p-l-20 info">
					<view class="title u-font-lg">{{item.title}}</view>
					<view class="info-item u-flex">
						<u-image
							class="image" 
							width="40rpx" 
							height="40rpx" 
							src="/static/icons/brand_icon.png"></u-image>
							<view class="text u-font-sm">品牌名称:</view>
						<view class="num u-font-sm">{{item.brand}}</view>
					</view>
					<view class="info-item u-flex">
						<u-image
							class="image" 
							width="40rpx" 
							height="40rpx" 
							src="/static/icons/fans_icon.png"></u-image>
							<view class="text u-font-sm">粉丝要求:</view>
						<view class="num u-font-sm">{{item.fans}}<text class="u-font-xs">+</text></view>
					</view>
					<view class="info-item u-flex u-row-between">
						<view class="u-flex">
							<u-image
								class="image" 
								width="40rpx" 
								height="40rpx" 
								src="/static/icons/checked_icon.png"></u-image>
							<view class="text u-font-sm look">{{item.look}}查看/19小时前</view>
						</view>
						<view class="type u-font-md">抖音</view>
					</view>
				</view>
			</view>
			
			
			
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatarUrl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fs1.sinaimg.cn%2Fbmiddle%2F4a20d21ct6272f6f34780&refer=http%3A%2F%2Fs1.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1617766987&t=e4e11e1632b5d0f6aea175f6d8b13159',
				list:[{
					platform: require('@/static/icons/xiaohongshu_icon.png'),
					title:'任务标题任务标题内容任务标题内容任务标题内容内容1',
					brand:'耐克',
					fans:'10000',
					look:'100',
					img:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fs1.sinaimg.cn%2Fbmiddle%2F4a20d21ct6272f6f34780&refer=http%3A%2F%2Fs1.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1617766987&t=e4e11e1632b5d0f6aea175f6d8b13159'
				},{
					platform: require('@/static/icons/xiaohongshu_icon.png'),
					title:'任务标题内容1',
					brand:'耐克',
					fans:'10000',
					look:'100',
					img:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fs1.sinaimg.cn%2Fbmiddle%2F4a20d21ct6272f6f34780&refer=http%3A%2F%2Fs1.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1617766987&t=e4e11e1632b5d0f6aea175f6d8b13159'
						
				}]
			
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.collection{
		.item{
			background-color: #fff;
			border-radius: 20rpx;
			.title{
				height: 80rpx;
				line-height: 35rpx;
			}
			.info{
				width: 100%;
			}
			.info-item{ 
				height:48rpx;
				width: 100%;
				.text{padding-left: 10rpx;}
				.look{ color:#999; }
				.type{ color:#999; }
			 }
		}
		
		
	}



</style>
